<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>半年集训营</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="keywords" content=" ">
<meta name="author" content=" ">
<link href="css/style.css" rel="stylesheet">
<link href="css/swiper.min.css" rel="stylesheet">
<script src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="js/superslide.2.1.js"></script>
</head>
<body>
<div class="main">
	<div class="header">
		<div class="logo-phone width1100">
			<img src="img/logo.png" class="left" />
			<img src="img/tel.png" class="right" />
		</div>
		<div class="nav">
			<ul class="width1100 nav-ul hd">
				<span class="left">
					<i><img src="img/i1.png" /></i>集训课程分类	
				</span>
				<li>
					<a href="">全日制集训</a>
				</li>
				<li>
					<a href="">西北名校定向</a>
				</li>
				<li>
					<a href="">热门专业集训</a>
				</li>
				<li>
					<a href="">个性化集训</a>
				</li>
			</ul>
		</div>
		<!--nav-->
		<div class="banner">
			<div class="fullSlide">
				<div class="bd">
					<ul>
						<li _src="url(img/b1.jpg)" style="background:#E2025E center 0 no-repeat;"><a href="#"></a></li>
						<li _src="url(img/b1.jpg)" style="background:#DED5A1 center 0 no-repeat;"><a href="#"></a></li>
						<li _src="url(img/b1.jpg)" style="background:#B8CED1 center 0 no-repeat;"><a href="#"></a></li>
						
					</ul>
				</div>
				<div class="hd"><ul></ul></div>
				<span class="prev"></span>
				<span class="next"></span>
			</div><!--fullSlide end-->
			<div class="nav-bc-bg"></div>
			<div class="nav-bc">
				<dl class="hd">
					<dt>集训项目</dt>
					<dd><a href="">集训项目</a></dd>
					<dd><a href="">集训项目</a></dd>
					<dd><a href="">集训项目</a></dd>
					<dd><a href="">集训项目</a></dd>
					<dd><a href="">集训项目</a></dd>
					<dd><a href="">集训项目</a></dd>
					<dd><a href="">集训项目</a></dd>
					<dd><a href="">集训项目</a></dd>
				</dl>
				<dl class="hd">
					<dt>畅学项目</dt>
					<dd><a href="">集训项目</a></dd>
					<dd><a href="">集训项目</a></dd>
				</dl>
				<dl class="hd">
					<dt>专业定向</dt>
					<dd><a href="">集训项目</a></dd>
					<dd><a href="">集训项目</a></dd>
					<dd><a href="">集训项目</a></dd>
					<dd><a href="">集训项目</a></dd>
					<dd><a href="">集训项目</a></dd>
					<dd><a href="">集训项目</a></dd>
					<dd><a href="">集训项目</a></dd>
					<dd><a href="">集训项目</a></dd>
				</dl>
			</div>
		</div>
		<!--banner end-->
		<div class="hd-mx">
			<div class="con width1100">
				<ul class="hd">
					<li>
						<a href="">
						<img src="img/xd.png" />
						<p>西安电子科技大学备考攻略</p>
						</a>
					</li>
					<li>
						<a href="">
						<img src="img/sf.png" />
						<p>陕西师范大学备考攻略</p>
						</a>
					</li>
					<li>
						<a href="">
						<img src="img/jd.png" />
						<p>西安交通大学备考攻略</p>
						</a>
					</li>
					<li>
						<a href="">
						<img src="img/gy.png" />
						<p>西北工业大学备考攻略</p>
						</a>
					</li>
					<li>
						<a href="">
						<img src="img/ca.png" />
						<p>长安大学备考攻略</p>
						</a>
					</li>
					<li>
						<a href="">
						<img src="img/xb.png" />
						<p>西北大学备考攻略</p>
						</a>
					</li>
				</ul>
			</div>
		</div>
	</div>
	<!--header-->
	<div class="content">
	 	<div class="con-jxkc hd">
			<div class="page width1100">
				<h3>集训课程</h3>
				<ul class=" ">
					<li class="ani-li">
						<a href="">
							 
							<img src="img/k1.jpg" />
							<p>院校专业如何选择</p>
						</a>
					</li>
					<li class="ani-li">
						<a href="">
							 
							<img src="img/k1.jpg" />
							<p>院校专业如何选择</p>
						</a>
					</li>
					<li class="ani-li">
						<a href="">
							 
							<img src="img/k1.jpg" />
							<p>院校专业如何选择</p>
						</a>
					</li>
					<li class="ani-li">
						<a href="">
							 
							<img src="img/k1.jpg" />
							<p>院校专业如何选择</p>
						</a>
					</li>
				</ul>
				<a href="" class="more">
					更多视频课程<b>></b>
				</a>
			</div>
	 	</div>
	 	<!--集训课程-->
	 	<div class="con-jxhj">
			<div class="page width1100">
				<h3>集训环境</h3>
				<div class="con">
				    <ul id="tab-hj">
				        <li class="current">课堂教学展示</li>
				        <li>学习环境展示</li>
				        <li>住宿环境展示</li>
				        <li>学生食堂展示</li>
				        <li>课外活动展示</li>

				    </ul>
				    <div class="clear"></div>
				    <div id="hj-con">
				        <div style="display:block;" class="t-div" id="s-warp1">
					          <div class="swiper-container" >
							    <div class="swiper-wrapper" >
								        <div class="swiper-slide">Slide 1</div>
								        <div class="swiper-slide">Slide 2</div>
								        <div class="swiper-slide">Slide 3</div>
								    </div>
								    <div class="swiper-pagination"></div>
								</div>
							

				        </div>
				        <div class="t-div" id="s-warp2">
				             <div class="swiper-container" >
							    <div class="swiper-wrapper" >
								        <div class="swiper-slide">Slide 1</div>
								        <div class="swiper-slide">Slide 2</div>
								        <div class="swiper-slide">Slide 3</div>
								    </div>
								    <div class="swiper-pagination"></div>
								</div>
				        </div>
				        <div class="t-div">
				            
				        </div>
				        <div class="t-div">
				         
				        </div>
				        <div class="t-div">
				           
				        </div>
				    </div>
				</div>
			</div>
	 	</div>
	 	<!-集训环境-->
	</div>
	<!--content-->
	<div class="footer">
		  
	</div>
	<!--footer-->
</div>
<!--main-->
 <script type="text/javascript" src="js/swiper.min.js"></script>
<script type="text/javascript">
/*swiper*/

var mySwiper1 = new Swiper('#s-warp1 .swiper-container',{
	pagination : '.swiper-pagination',
	paginationClickable :true,
})
 var mySwiper1 = new Swiper('#s-warp2 .swiper-container',{
	pagination : '.swiper-pagination',
	paginationClickable :true,
})
$(function(){ 
    var a=$('.nav-ul').offset().left;
    $('.nav-bc-bg').css({'left':a});　
	$('.nav-bc').css({'left':a});　
	
	/*tab 切换*/
	var $li = $('#tab-hj li');
	var $ul = $('#hj-con .t-div');		
	$li.mouseover(function(){
		var $this = $(this);
		var $t = $this.index();
		$li.removeClass();
		$this.addClass('current');
		$ul.css('display','none');
		$ul.eq($t).css('display','block');
})
});
$(window).resize(function () {          //当浏览器大小变化时
    var a=$('.nav-ul').offset().left;
    $('.nav-bc-bg').css({'left':a});　
	$('.nav-bc').css({'left':a});
});
$(".fullSlide").hover(function(){
    $(this).find(".prev,.next").stop(true, true).fadeTo("show", 0.5)
},
function(){
    $(this).find(".prev,.next").fadeOut();   
});
$(".fullSlide").slide({
    titCell: ".hd ul",
    mainCell: ".bd ul",
    effect: "fold",
    autoPlay: true,
    autoPage: true,
    trigger: "click",
    startFun: function(i) {
        var curLi = jQuery(".fullSlide .bd li").eq(i);
        if ( !! curLi.attr("_src")) {
            curLi.css("background-image", curLi.attr("_src")).removeAttr("_src")
        }
    }
});
</script>
</body>
</html>